<div *ngIf="editorParams && editorParams.exampleCode && editorParams.language !== 'html'" class="col-4  f-utils-fill-flex-column pt-2"
  style="user-select: text;">
  <h5>示例代码</h5>
  <pre class="h-100">
{{ editorParams.exampleCode}}
    </pre>
</div>

<div class="open-doc-href" *ngIf="!editorParams.hideDocLink && editorParams.language === 'html'">
  <a href="https://igix.inspures.com/farrisdocs" target="_blank">打开Farris文档</a>
</div>

<div class="editor" [ngClass]="editorParams && editorParams.exampleCode?'col-8':''">
  <angular-monaco-editor class="custom-monaco-editor" [options]="codeEditorOptions" [(ngModel)]="editingHtml"
    (onInit)="onMonacoInit($event)">
  </angular-monaco-editor>
</div>

<ng-template #bindingFooter>
  <button type="button" class="btn btn-secondary" (click)="clickCancel()">取消</button>
  <button type="button" class="btn btn-primary" (click)="clickConfirm()">确定</button>
</ng-template>